<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
    >
      <div
        class="ant-pro-card-header ant-pro-card-header-collapsible"
      >
        <div
          class="ant-pro-card-title"
        >
          <span
            aria-label="right"
            class="anticon anticon-right ant-pro-card-collapsible-icon"
            role="img"
            tabindex="-1"
          >
            <svg
              aria-hidden="true"
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              style="transform: rotate(90deg);"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
              />
            </svg>
          </span>
          Card Group Expanded
        </div>
      </div>
      <div
        class="ant-pro-card-body"
      >
        <div
          class="ant-pro-card-col"
          style="padding-inline-end: 4px; padding-inline-start: 4px;"
        >
          <div
            class="ant-pro-card ant-pro-card-border"
          >
            <div
              class="ant-pro-card-body ant-pro-card-body-center"
            >
              Card Content
            </div>
          </div>
        </div>
        <div
          class="ant-pro-card-col"
          style="padding-inline-end: 4px; padding-inline-start: 4px;"
        >
          <div
            class="ant-pro-card ant-pro-card-border"
          >
            <div
              class="ant-pro-card-body ant-pro-card-body-center"
            >
              Card Content
            </div>
          </div>
        </div>
        <div
          class="ant-pro-card-col"
          style="padding-inline-end: 4px; padding-inline-start: 4px;"
        >
          <div
            class="ant-pro-card ant-pro-card-border"
          >
            <div
              class="ant-pro-card-body ant-pro-card-body-center"
            >
              Card Content
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>